<!DOCTYPE html>
<!--
  copyright (c) 2011 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>GViz API Example: Fusion Tables Data Source</title>

<style>
  body { font-family: Arial, sans-serif; }
  th { font-style: bold }
</style>

<!-- Import the visualization javascript -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="script/script.js"></script>
<script type="text/javascript" src="script/userDataGrid.js" />
<script type="text/javascript" src="script/base.js />

</head>
<body onload="changeData();">
<div id='fusion'>
<button onclick='switchToUser()'>Enter user data only</button><br /><br />
<div id="userselections">
	Enter number of countries to display:
	<input type="number" id='limit' />

	<button onclick="changeDataUserSelect()">Submit</button>
</div>
<div id="visualization"></div>
<div id="ftdata"></div>
<div id="ftdata2"></div>
<div id="code"></div>
</div>
<div id='user' style='display: none'>
<button onclick='getData()'>Back to fusion table</button><br /><br />
	<div id='usertable'>
	</div>
</div>
</body>
<footer>
This is an HTML5 footer!
</footer>
</html>
